// pages/car/car.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsList:[
      // {
      //   id:1,
      //   goodsName:"商品名称",
      //   goodsImage:"/images/goods01.jpg",
      //   goodsPrice:"20",
      //   num:1
      // },
      // {
      //   id:2,
      //   goodsName:"商品名称",
      //   goodsImage:"/images/goods02.jpg",
      //   goodsPrice:"20",
      //   num:1
      // },

    ],
    totalData:0

  },
//加一计算
add(event){
  var index = event.target.dataset.index;
  //修改数据
  this.data.goodsList[index].num += 1;
  this.setData({
      goodsList:this.data.goodsList
  })
  this.getTotal();//计算总价格
},
//减一
sub(event){
  var index = event.target.dataset.index;
  //修改数据
  var num = this.data.goodsList[index].num;
  this.data.goodsList[index].num = num <= 1 ? 1:num-1;
  this.setData({//同步数据
      goodsList:this.data.goodsList
  })
  this.getTotal();
},
//删除数据
del(event){
  var index = event.currentTarget.dataset.index;
  this.data.goodsList.splice(index,1);//删除数据
  this.setData({
    goodsList:this.data.goodsList//同步数据页面
    
  })
  this.getTotal();
},
//计算总价格
getTotal(){
  //获取数据
  var goodsList = this.data.goodsList;
  //计算总价格
  var data = goodsList.reduce((total,item)=>{
    return total + item.num * item.goodsPrice;
  },0)
  //更新总价格
  this.setData({
    totalData:data
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //获取数据
    let getCarData = wx.getStorageSync('goodsCarList');
    this.setData({
      goodsList:getCarData
    })
        this.getTotal();//计算总价格
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

    //离开页面，更新数据
    wx.setStorageSync('goodsCarList', this.data.goodsList)
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})